<template>
  <div class="home">
    <el-button type="primary">主题颜色</el-button>
    <div class="theme-primary-color">theme-primary-color</div>
    <div class="theme-light-color">theme-light-color</div>
    <el-button type="primary" icon="el-icon-edit" circle></el-button>
  </div>
</template>

<script>
export default {
  name: "HomeView",
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.home {
  .theme-primary-color,
  .theme-light-color {
    width: 200px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin-top: 10px;
    background: var(--theme-primary-color);
    font-size: var(--font-size);
  }

  .theme-light-color {
    background: var(--theme-light-color);
  }
}
</style>
